{include file="jptweb/head" /}
<title>新媒体榜单</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}
<!--导航栏 end-->

<div class="user_header">
    <div class="main jpt_flex">
        <div class="portrait">
            <img class="" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
        </div>
        <div class="info jpt_flow_item">
            <p class="number">帐号：12345645</p>
            <p class="email">邮箱：12345645@qwe.com</p>
            <p class="role">角色：广告主</p>
        </div>

    </div>

</div>

<div class="main user_w row cl ">
    <aside class="left_nav mt-20 col-md-2">
        <ul>
            <li>
                <a href="{:url('demo/jptweb/userinfo')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/people.png" class="jpt_icon">
                    资料修改
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" onclick="chongzhi()">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/money.png" class="jpt_icon">
                    我要充值
                </a>
            </li>
            <li class="current">
                <a href="{:url('demo/jptweb/useradv')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD.png" class="jpt_icon">
                    广告发布
                </a>
            </li>
            <li>
                <a href="{:url('demo/jptweb/useractivity')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/active.png" class="jpt_icon">
                    活动召集
                </a>
            </li>
            <li>
                <a href="{:url('demo/jptweb/userwallet')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD-qianbao.png" class="jpt_icon">
                    我的钱包
                </a>
            </li>


        </ul>
    </aside>
    <div class=" adv_content content col-md-10 ">
        <div class="adv_nav">
            <span>
                <a href="{:url('demo/jptweb/useradv')}">选择套餐</a>
            </span>
            <span class="current">
                <a href="{:url('demo/jptweb/useradvmedia')}">自选媒体</a>
            </span>
            <span>
           <a href="{:url('demo/jptweb/useradvtemplate')}">广告模版</a>
            </span>
            <span>
                <a href="{:url('demo/jptweb/useradvexamine')}">广告审核</a>
            </span>
        </div>
        <div id="tab_media" class="jpt_tab-2 HuiTab">
            <form class="jpt_form mt-20" action="" method="post">
                <div class="form_group">
                    <label class="hd tit " for="tgname"> <span class="jpt_icon-jg">*</span>推广名称</label>
                    <div class="bd">
                        <input id="tgname" placeholder="请输入推广名称" class="jpt_input-2 input-text radius size-M" type="text" name="tgname" >
                    </div>
                    <div class="ft ">
                        <button class="btn btn-default bth-jpt_2 radius ">导入微信文章</button>
                        <button class="btn btn-default bth-jpt_3 radius ">选取广告素材</button>
                    </div>
                </div>

                <div class="form_group">
                    <label class="hd tit " for="tgname"> <span class="jpt_icon-jg">*</span>任务名称</label>
                    <div class="bd">
                        <input id="rwname" placeholder="" class="jpt_input-2 input-text radius size-M" type="text" name="tgname" >
                    </div>
                    <div class="ft ">
                     <p class="desc">(任务名称不能为空，且长度不能超过50字)</p>
                    </div>
                </div>
                <div class="form_group">
                    <label class="hd tit " for="tgname"> <span class="jpt_icon-jg">*</span>投放时间</label>
                    <div class="bd jpt_flex">
                        <input type="text" placeholder="请选择开始日期" class=" input-text radius size-M"
                               id="date_sta">
                        -
                        <input type="text" placeholder="请选择结束日期" class=" input-text radius size-M"
                               id="date_end">
                    </div>
                </div>

                <div class="form_group form_group-radio">
                    <label class="hd tit " for="tgname"> <span class="jpt_icon-jg">*</span>投放形式</label>
                    <div class="bd jpt_flex">
                        <div class="radio-box">
                            <input type="radio" id="radio-1" name="demo-radio1">
                            <label for="radio-1">头条</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="radio-2" name="demo-radio1" checked>
                            <label for="radio-2">二条</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="radio-3" name="demo-radio1">
                            <label for="radio-1">三条</label>
                        </div>
                    </div>
                </div>

                <div class="form_group ">
                    <label class="hd tit " for="tgname"> <span class="jpt_icon-jg">*</span>媒体列表</label>
                    <div class="ft jpt_flex">
                        <table class="jpt_table-form table table-border  table-bordered">
                            <thead class="text-c">
                            <tr>
                                <th >序号</th>
                                <th>头像</th>
                                <th>公众号名称</th>
                                <th>价格</th>
                                <th>操作</th>

                            </tr>
                            </thead>
                            <tbody class="text-c">
                            <tr>
                                <th >1</th>
                                <th>
                                    <img class="thenimg" src="/static/jpt/jptweb/img/AD-touxiang2.png ">
                                </th>
                                <th>地方军阀</th>
                                <th ><span class="c_o">￥45465855</span></th>
                                <th ><span class="c_lan">删除</span> </th>

                            </tr>
                            </tbody>
                        </table>

                    </div>
                </div>
                <div class="form_group">
                    <label class="hd tit " for="title"> <span class="jpt_icon-jg">*</span>文案标题</label>
                    <div class="bd">
                        <input id="title" placeholder="请输入文案标题" class="jpt_input-2 input-text radius size-M" type="text" name="title" >
                    </div>

                </div>
                <div class="form_group align-c">
                    <label class="hd tit " for="title"> <span class="jpt_icon-jg">*</span>封面图</label>
                    <div class="bd">
                        <div class="box_bor jpt_flex text-c align-c">
                          <span class="btn-upload">
                            <a href="javascript:void();" class="btn btn-primary bth-jpt_dau radius">本地上传</a>
                            <input type="file" multiple name="file_0" class="input-file">
                          </span>
                        </div>
                    </div>

                </div>
                <div class="form_group ">
                    <label class="hd tit " for="title"> <span class="jpt_icon-jg">*</span>摘要</label>
                    <div class="bd">
                       <textarea class="textarea" placeholder="选填"></textarea>
                    </div>

                </div>
                <div class="form_group ">
                    <label class="hd tit " for="title"> <span class="jpt_icon-jg">*</span>文案内容</label>
                    <div class="bd">
                        <textarea class="textarea" placeholder="选填"></textarea>
                    </div>

                </div>
                <div class="form_group ">
                    <label class="hd tit " for="title"> <span class="jpt_icon-jg">*</span>原文链接</label>
                    <div class="bd">
                        <input id="link" placeholder="请输入推广名称" class="jpt_input-2 input-text radius size-M" type="text" name="link" >
                    </div>

                </div>



                <button class="f-sub btn btn-primary bth-jpt_2 radius">立即投放</button>
            </form>
















        </div>


    </div>
</div>


{include file="jptweb/footer" /}
</div>


<script>
    $(function(){
        $('.form_group-radio input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        })});
    $("#tab_media").Huitab({
        index: 0
    });
    laydate.render({
        elem: '#date_sta' //指定元素
    });
    laydate.render({
        elem: '#date_end' //指定元素
    });

    function chongzhi() {
        layer.open({
            type: 1,
            title: '充值方式', //不显示标题

            area: ['420px', '240px'], //宽高
            content: '<form class="jpt_layer jpt_Recharge text-c">' +
            '<div class="col-sm-12 mt-20">' +
            '<div class="col-sm-8 col-sm-offset-2">' +
            '<input class="jpt_input-2 input-text radius size-L" type="text" name="code2" placeholder="请输入充值金额" ></div>' +
            '</div>' +
            '<div class="col-sm-12 text-c mt-20">' +
            '<div class="check-box">\n' +
            '    <input type="radio" id="r1" name="pay_sta" value="zhifu" checked>\n' +
            '    <label for="r1"><img src="/static/jpt/jptweb/img/zhifu.png"></label>\n' +
            '  </div>\n' +
            '  <div class="check-box">\n' +
            '    <input type="radio" id="r2" value="pay" name="pay_sta" >\n' +
            '    <label for="r2"><img src="/static/jpt/jptweb/img/pay.png"></label>\n' +
            '  </div>' +
            '</div>' +
            '<button class="btn btn-primary radius bth-sub  mt-20 ">立刻充值</button></form>'
        });
    }

</script>
</body>
</html>